<!-- frontend/src/pages/legal/legal.vue -->
<template>
  <view class="legal-page">
    <view class="content-wrapper">
      <!-- 服务条款 -->
      <view v-if="pageType === 'tos'">
        <view class="section">
          <h2 class="section-title">服务条款</h2>
          <p class="paragraph">最后更新日期：2025年9月2日</p>
          <p class="paragraph">
            欢迎来到 Albert
            Music！本服务条款（以下简称“条款”）约束您对我们网站和服务的访问和使用。访问或使用本服务即表示您同意遵守本条款。
          </p>

          <h3 class="subsection-title">1. 用户内容与责任</h3>
          <p class="paragraph">
            您应对您上传、发布或以其他方式通过本服务提供的所有内容（包括音频、图像和文本，以下简称“您的内容”）负全部责任。您声明并保证：(a)
            您是“您的内容”的所有者，或拥有所有必要的权利、许可、同意和授权来使用并通过本服务分发“您的内容”；(b)
            “您的内容”不侵犯、盗用或违反任何第三方的版权、商标、专利、商业秘密、精神权利、隐私权、公开权或其他任何知识产权或专有权利。
          </p>

          <h3 class="subsection-title">2. 禁止行为</h3>
          <p class="paragraph">
            您同意不使用本服务从事任何非法、侵权、诽谤、骚扰、辱骂、欺诈或色情的行为，也不得上传包含病毒或恶意代码的内容。
          </p>

          <h3 class="subsection-title">3. 免责声明</h3>
          <p class="paragraph">
            Albert Music
            是一个个人、非盈利性质的分享项目，按“现状”和“现有”基础提供服务。我不作任何形式的明示或暗示的保证。您使用本服务的风险由您自行承担。
          </p>
        </view>
      </view>

      <!-- 隐私政策 -->
      <view v-if="pageType === 'privacy'">
        <view class="section">
          <h2 class="section-title">隐私政策</h2>
          <p class="paragraph">最后更新日期：2025年9月2日</p>
          <p class="paragraph">
            我尊重并保护所有使用 Albert Music 服务的用户的个人隐私权。
          </p>

          <h3 class="subsection-title">1. 信息收集</h3>
          <p class="paragraph">
            由于本网站当前无需注册账户即可使用，我们不会主动收集您的任何个人身份信息（如姓名、电子邮件地址、电话号码等）。您在上传歌曲时提供的所有元数据（如歌曲标题、歌手名）将被视为公开信息，并用于构建本站的公开音乐索引。
          </p>

          <h3 class="subsection-title">2. 日志信息</h3>
          <p class="paragraph">
            与大多数网站一样，当您访问本站时，我们的服务器会自动记录某些日志信息，可能包括您的IP地址、浏览器类型、访问日期和时间等。这些信息仅用于网站流量分析、安全维护和故障排查，我们不会将这些信息与任何个人身份相关联。
          </p>
        </view>
      </view>

      <!-- 版权声明 -->
      <view v-if="pageType === 'copyright'">
        <view class="section">
          <h2 class="section-title">版权声明与侵权投诉</h2>
          <p class="paragraph">
            Albert Music
            尊重他人的知识产权，并致力于保护版权所有者的合法权益。本站所有内容（包括但不限于音频、封面图片）均由用户自行上传。我们要求用户确保其上传的内容不侵犯任何第三方的版权。
          </p>

          <h3 class="subsection-title">版权侵权通知</h3>
          <p class="paragraph">
            如果您是版权所有者或其授权代理人，并且您认为本网站上的任何内容侵犯了您的合法版权，请您按照以下要求向我们提交书面通知。我们在收到符合法定要求的有效通知后，将依据“避风港原则”及相关法律法规，立即删除或断开相关内容的链接。
          </p>
          <p class="paragraph">您的书面通知必须包含以下信息：</p>
          <ul class="list">
            <li>一份版权所有者或其授权代表的电子或实体签名。</li>
            <li>一份您声称受到侵权的版权作品的清晰描述。</li>
            <li>
              您声称侵权的内容在本网站上的具体位置的明确标识（**请务必提供完整的URL链接**），以便我们能够准确定位到该内容。
            </li>
            <li>您的有效联系信息，包括姓名、地址、电话号码和电子邮箱地址。</li>
            <li>
              一份声明，表明您真诚地相信该材料的使用未经版权所有者、其代理人或法律的授权。
            </li>
            <li>
              一份声明，表明通知中的信息准确无误，并且您（在受伪证罪处罚的情况下）是版权所有者或被授权代表其行事。
            </li>
          </ul>

          <h3 class="subsection-title">投诉接收邮箱</h3>
          <p class="paragraph">请将您的完整侵权通知发送至以下指定电子邮箱：</p>
          <p class="email-box">3046602058@qq.com</p>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { onLoad } from "@dcloudio/uni-app";
import { computed, ref } from "vue";

const pageType = ref("");
const pageTitle = computed(() => {
  switch (pageType.value) {
    case "tos":
      return "Albert Music ✽ 服务条款";
    case "privacy":
      return "Albert Music ✽ 隐私政策";
    case "copyright":
      return "Albert Music ✽ 版权声明与侵权投诉";
    default:
      return "Albert Music ✽ 法律条款";
  }
});

onLoad((options) => {
  if (options.type) {
    pageType.value = options.type;
    uni.setNavigationBarTitle({
      title: pageTitle.value,
    });
  }
});
</script>

<style scoped>
.legal-page {
  background-color: #fff;
}
.content-wrapper {
  padding: 20px 25px;
  max-width: 800px;
  margin: 0 auto;
}
.section-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  color: #111827;
}
.subsection-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #333;
}
.paragraph {
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
  margin-bottom: 15px;
}
.list {
  padding-left: 20px;
}
.list li {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.8;
  color: #374151;
}
.email-box {
  background-color: #f4f6f8;
  padding: 15px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
</style>
